<template>
  <a-card class="w-[300px]" :bordered="false">
    <a-card-grid
      class="w-1/2 flex flex-col items-center cursor-pointer"
      @click="handleClick('/admin/investmentMap')"
    >
      <img class="w-[42px]" src="@/assets/img/app_icon_1.png" />
      <div>投资地图</div>
    </a-card-grid>
    <a-card-grid class="w-1/2 flex flex-col items-center cursor-pointer">
      <img class="w-[42px]" src="@/assets/img/app_icon_1.png" />
      <div>投资地图</div>
    </a-card-grid>
    <a-card-grid class="w-1/2 flex flex-col items-center cursor-pointer">
      <img class="w-[42px]" src="@/assets/img/app_icon_1.png" />
      <div>投资地图</div>
    </a-card-grid>
    <a-card-grid class="w-1/2 flex flex-col items-center cursor-pointer">
      <img class="w-[42px]" src="@/assets/img/app_icon_1.png" />
      <div>投资地图</div>
    </a-card-grid>
  </a-card>
</template>

<script lang="ts">
import Vue from 'vue'
import { MutationsType } from '@/actions/user'
export default Vue.extend({
  components: {},
  data() {
    return {}
  },
  head: {
    title: '',
  },
  methods: {
    handleClick(path) {
      this.$store.commit(MutationsType.SET_SHOW_MORE_APP, true)
      this.$router.push(path)
    },
  },
})
</script>
<style lang="scss" scoped></style>
